// 上面这个代码处理过度动画（默认加上不用管）
document.addEventListener('DOMContentLoaded', () => {
  setTimeout(() => {
    document.body.classList.add('sidenav-pinned')
    document.body.classList.add('ready')
  }, 200)
})
$('#input-password').on('keyup',function(e){
 if(e.key==='Enter'){
 $('#btn-login').click()
 $('#btn-register').click()
 }
})
$('#input-email').on('keyup',function(e){
 if(e.key==='Enter'){
 $('#btn-login').click()
 $('#btn-register').click()
 }
})



//注册功能

$('#btn-register').on('click',async function(){
  
  if ($('#input-email').val().trim() === '') return tip('用户名不能为空')
  if ($('#input-password').val().trim() === '') return tip('密码不能为空')
  if ($('#input-password').val().length < 6) return tip('密码的长度不能小于 6 位')
  const rdata= $('[role="form"]').serialize()
  // console.log(rdata);
  
 
  axios.post('/register',rdata)
  .then(({data:{message,data}}) => {
    console.log(data)
    tip(message)
    setTimeout(function(){
      location.href='./login.html'
     },1000)
  }).catch (error=> {
    tip('账号已存在')
 })
})
$('#btn-login').on('click',function(){
  const ldata= $('[role="form"]').serialize()
  console.log(ldata);
  axios.post('/login',ldata)
  .then(({data:{data,message}}) => {
    console.log(data,message)
    localStorage.setItem('heitoken', data.token)
    localStorage.setItem('ename',data.username)
    tip(message)
   setTimeout(function(){
    location.href='./index.html'
   },1000)
  }).catch(err=>{
    if(err.response.status===400){
      tip('用户名或者密码错误')
    }
  })
 
})